<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK rel="stylesheet" type="text/css" href=<c:url value="/design.css"/>>
<link rel="icon" type="image/png"
	href="<c:url value="/pics/design/favicon.ico"/>" />
<title>Paiement - Nerd Shop</title>
</head>
<jsp:include page="/header.jsp" />
<body>
	<form action=<c:url value="/confirmerPaiement"/> method="post"
		id="tab_paiement">
		<table>
			<c:if test="${sessionScope.testnumerocarte==true}">
				<p style="color: RED">Votre numéro de carte est faux.
				<p>
			</c:if>
			<c:if test="${sessionScope.testcryptogramme==true}">
				<p style="color: RED">Votre crytogramme est faux.
				<p>
			</c:if>
			<c:if test="${sessionScope.testdateexpiration==true}">
				<p style="color: RED">Votre date d'expiration est mauvaise.
				<p>
			</c:if>
			<tr>
				<td><label for="numerocarte"
					<c:if test="${sessionScope.testnumerocarte==true}"> style="color:RED" </c:if>>Numéro
						de carte : </label></td>
				<td><input type="text" name="numerocarte"
					<c:if test="${sessionScope.testnumerocarte==true}"> style="background-color:RED" </c:if> /></td>
			</tr>
			<tr>
				<td><label for="nomprenom">Nom et prénom du
						propriétaire : </label></td>
				<td><input type="text" name="nomprenom"
					value="${affichage.user.nom}, ${affichage.user.prenom}" /></td>
			</tr>
			<tr>
				<td><label for="cryptogramme"
					<c:if test="${sessionScope.testcryptogramme==true}"> style="color:RED" </c:if>>Cryptogramme
						: </label></td>
				<td><input type="text" name="cryptogramme"
					<c:if test="${sessionScope.testcryptogramme==true}"> style="background-color:RED" </c:if> /></td>
			</tr>
			<tr>
				<td><label for="dateexpiration"
					<c:if test="${sessionScope.testdateexpiration==true}"> style="color:RED" </c:if>>Date
						d'expiration (mm/yy) : </label></td>
				<td><select name="mois">
						<option value="0">01</option>
						<option value="1">02</option>
						<option value="2">03</option>
						<option value="3">04</option>
						<option value="4">05</option>
						<option value="5">06</option>
						<option value="6">07</option>
						<option value="7">08</option>
						<option value="8">09</option>
						<option value="9">10</option>
						<option value="10">11</option>
						<option value="11">12</option>
				</select> <select name="annee"
					<c:if test="${sessionScope.testdateexpiration==true}"> style="background-color=RED" </c:if>>
						<option value="2013">13</option>
						<option value="2014">14</option>
						<option value="2015">15</option>
						<option value="2016">16</option>
						<option value="2017">17</option>
						<option value="2018">18</option>
						<option value="2019">19</option>
						<option value="2020">20</option>
						<option value="2021">21</option>
						<option value="2022">22</option>
						<option value="2023">23</option>
						<option value="2024">24</option>
						<option value="2025">25</option>
				</select></td>
			</tr>

		</table>
		<input type="submit" value="Suivant" />
	</form>
</body>
<jsp:include page="/footer.jsp" />
</html>
